<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<link rel="shortcut icon" type="image/x-icon" th:href= "@{/static/img/timg.jpg}">
<link rel="stylesheet" th:href="@{static/css/TandC.css}">
<link th:href="@{static/css/likeFooter.css}" rel="stylesheet">
<link rel="stylesheet" th:href="@{static/css/vaultSpike.css}">
<link rel="stylesheet" th:href="@{static/css/brandSpike.css}">
<head>
    <meta charset="UTF-8">
    <title>品牌秒杀</title>
</head>
<body>

<!--顶部+搜索+侧边-->
<div th:include="like/likeHead :: common"></div>

<!--秒杀标题栏-->
<div class="v-menu">
    <div class="br-menu-content">
        <ul>
            <li><a th:href="@{/vaultSpike}">金库秒杀</a></li>
            <li><a th:href="@{/pinSpikeController}">品牌秒杀</a></li>
        </ul>
    </div>
</div>
<!--品牌秒杀-->
<div class="br-all">
    <div class="br-all-in">

        <!--    品牌秒杀标题-->
        <div class="br-title-img">
            <img src="../../static/img/br01.png">
        </div>
        <!--    品牌秒杀商品-->
<!--             今日上新-->
        <div class="br-goods">
            <h3>今日上新</h3>
        </div>
<!--             商品-->
<!--        样式一-->
        <div class="va-goods">
            <a href="#33">
                <img src="../../static/img/jiu.jpg">
            </a>
            <div class="va-in-div">
                <a href="##">
                    <img src="../../static/img/jiu2.jpg">
                    <h4>骆驼品牌秒杀</h4>
                    <p>1件8折,2件7折</p>
                </a>
            </div>
            <div class="va-in-ul">
                <ul>
                    <li th:each="drinkGoodsDate:${drinkGoods}">
                        <a th:href="@{'http://localhost:8080/goods/selectOneGood?goodId='+${drinkGoodsDate.getId()}}"><img th:src="'../../static/img/'+${drinkGoodsDate.getPhotoName()}"></a>
                        <h3 th:text="'¥'+${drinkGoodsDate.getPrice()}"></h3>
<!--                        <div class="va-sale">-->
<!--                            <span>已售38%</span>-->
<!--                            <span>-->
<!--                                    <em style="width: 36%"></em>-->
<!--                                </span>-->
<!--                        </div>-->
                    </li>

                </ul>

            </div>
        </div>
        <div class="va-goods">
            <a href="#33">
                <img src="../../static/img/guo.jpg">
            </a>
            <div class="va-in-div">
                <a href="##">
                    <img src="../../static/img/guo2.jpg">
                    <h4>品牌秒杀</h4>
                    <p>惊爆价！惊爆价！</p>
                </a>
            </div>
            <div class="va-in-ul">
                <ul>
                    <li th:each="foodGoodsData:${foodGoods}">
                        <a th:href="@{'http://localhost:8080/goods/selectOneGood?goodId='+${foodGoodsData.getId()}}"><img th:src="'../../static/img/'+${foodGoodsData.getPhotoName()}"></a>
                        <h3 th:text="'￥'+${foodGoodsData.getPrice()}"></h3>
<!--                        <div class="va-sale">-->
<!--                            <span>已售38%</span>-->
<!--                            <span>-->
<!--                                    <em style="width: 36%"></em>-->
<!--                                </span>-->
<!--                        </div>-->
                    </li>
                </ul>

            </div>
        </div>
         <!--样式二-->
        <div class="br-goods2">
            <div class="good2-div">
                <a href="##"><img src="../../static/img/book.jpg"></a>
            </div>
            <ul>
                <li th:each="bookGooddata:${bookGoods}">
                    <a th:href="@{'http://localhost:8080/goods/selectOneGood?goodId='+${bookGooddata.getId()}}"><img th:src="'../../static/img/'+${bookGooddata.getPhotoName()}"></a>
                    <h3 th:text="'¥'+${bookGooddata.getPrice()}"></h3>
                </li>
            </ul>
        </div>
        <div class="br-goods2">
            <div class="good2-div">
                <a href="##"><img src="../../static/img/br03.jpg"></a>
            </div>
            <ul>
                <li th:each="clothDatedata:${clothDate}">
                    <a th:href="@{'http://localhost:8080/goods/selectOneGood?goodId='+${clothDatedata.getId()}}"><img th:src="'../../static/img/'+${clothDatedata.getPhotoName()}"></a>
                    <h3 th:text="'¥'+${clothDatedata.getPrice()}"></h3>
                </li>c
            </ul>
        </div>
        <div class="br-goods2">
            <div class="good2-div">
                <a href="##"><img src="../../static/img/mike.jpg"></a>
            </div>
            <ul>
                <li th:each="milkGoodsdata:${milkGoods}">
                    <a th:href="@{'http://localhost:8080/goods/selectOneGood?goodId='+${milkGoodsdata.getId()}}"><img th:src="'../../static/img/'+${milkGoodsdata.getPhotoName()}"></a>
                    <h3 th:text="'¥'+${milkGoodsdata.getPrice()}"></h3>
                </li>
            </ul>
        </div>
<!--11111111-->
<!--        样式一-->
        <div class="va-goods">
            <a href="#33">
                <img src="../../static/img/spike01.jpg">
            </a>
            <div class="va-in-div">
                <a href="##">
                    <img src="../../static/img/va01.jpg">
                    <h4>骆驼品牌秒杀</h4>
                    <p>2件8折,3件7折</p>
                </a>
            </div>
            <div class="va-in-ul">
                <ul>
                    <li>
                        <a href="##"><img src="../../static/img/spike01.jpg"></a>
                        <h3>¥29.8</h3>
                        <div class="va-sale">
                            <span>已售38%</span>
                            <span>
                                    <em style="width: 36%"></em>
                                </span>
                        </div>
                    </li>
                    <li>
                        <a href="##"><img src="../../static/img/spike01.jpg"></a>
                        <h3>¥29.8</h3>
                        <div class="va-sale">
                            <span>已售38%</span>
                            <span>
                                    <em style="width: 36%"></em>
                                </span>
                        </div>
                    </li>
                    <li>
                        <a href="##"><img src="../../static/img/spike01.jpg"></a>
                        <h3>¥29.8</h3>
                        <div class="va-sale">
                            <span>已售38%</span>
                            <span>
                                    <em style="width: 36%"></em>
                                </span>
                        </div>
                    </li>
                </ul>

            </div>
        </div>
        <div class="va-goods">
            <a href="#33">
                <img src="../../static/img/spike01.jpg">
            </a>
            <div class="va-in-div">
                <a href="##">
                    <img src="../../static/img/va01.jpg">
                    <h4>骆驼品牌秒杀</h4>
                    <p>2件8折,3件7折</p>
                </a>
            </div>
            <div class="va-in-ul">
                <ul>
                    <li>
                        <a href="##"><img src="../../static/img/spike01.jpg"></a>
                        <h3>¥29.8</h3>
                        <div class="va-sale">
                            <span>已售38%</span>
                            <span>
                                    <em style="width: 36%"></em>
                                </span>
                        </div>
                    </li>
                    <li>
                        <a href="##"><img src="../../static/img/spike01.jpg"></a>
                        <h3>¥29.8</h3>
                        <div class="va-sale">
                            <span>已售38%</span>
                            <span>
                                    <em style="width: 36%"></em>
                                </span>
                        </div>
                    </li>
                    <li>
                        <a href="##"><img src="../../static/img/spike01.jpg"></a>
                        <h3>¥29.8</h3>
                        <div class="va-sale">
                            <span>已售38%</span>
                            <span>
                                    <em style="width: 36%"></em>
                                </span>
                        </div>
                    </li>
                </ul>

            </div>
        </div>
        <!--样式二-->
        <div class="br-goods2">
            <div class="good2-div">
                <a href="##"><img src="../../static/img/br03.jpg"></a>
            </div>
            <ul>
                <li>
                    <a href="@@"><img src="../../static/img/08.jpg"></a>
                    <h3>¥29.8</h3>
                </li>
                <li>
                    <a href="@@"><img src="../../static/img/08.jpg"></a>
                    <h3>¥29.8</h3>
                </li>
            </ul>
        </div>
        <div class="br-goods2">
            <div class="good2-div">
                <a href="##"><img src="../../static/img/br03.jpg"></a>
            </div>
            <ul>
                <li>
                    <a href="@@"><img src="../../static/img/08.jpg"></a>
                    <h3>¥29.8</h3>
                </li>
                <li>
                    <a href="@@"><img src="../../static/img/08.jpg"></a>
                    <h3>¥29.8</h3>
                </li>
            </ul>
        </div>
        <div class="br-goods2">
            <div class="good2-div">
                <a href="##"><img src="../../static/img/br03.jpg"></a>
            </div>
            <ul>
                <li>
                    <a href="@@"><img src="../../static/img/08.jpg"></a>
                    <h3>¥29.8</h3>
                </li>
                <li>
                    <a href="@@"><img src="../../static/img/08.jpg"></a>
                    <h3>¥29.8</h3>
                </li>
            </ul>
        </div>
<!--        22222-->
<!--        样式一-->
        <div class="va-goods">
            <a href="#33">
                <img src="../../static/img/spike01.jpg">
            </a>
            <div class="va-in-div">
                <a href="##">
                    <img src="../../static/img/va01.jpg">
                    <h4>骆驼品牌秒杀</h4>
                    <p>2件8折,3件7折</p>
                </a>
            </div>
            <div class="va-in-ul">
                <ul>
                    <li>
                        <a href="##"><img src="../../static/img/spike01.jpg"></a>
                        <h3>¥29.8</h3>
                        <div class="va-sale">
                            <span>已售38%</span>
                            <span>
                                    <em style="width: 36%"></em>
                                </span>
                        </div>
                    </li>
                    <li>
                        <a href="##"><img src="../../static/img/spike01.jpg"></a>
                        <h3>¥29.8</h3>
                        <div class="va-sale">
                            <span>已售38%</span>
                            <span>
                                    <em style="width: 36%"></em>
                                </span>
                        </div>
                    </li>
                    <li>
                        <a href="##"><img src="../../static/img/spike01.jpg"></a>
                        <h3>¥29.8</h3>
                        <div class="va-sale">
                            <span>已售38%</span>
                            <span>
                                    <em style="width: 36%"></em>
                                </span>
                        </div>
                    </li>
                </ul>

            </div>
        </div>
        <div class="va-goods">
            <a href="#33">
                <img src="../../static/img/spike01.jpg">
            </a>
            <div class="va-in-div">
                <a href="##">
                    <img src="../../static/img/va01.jpg">
                    <h4>骆驼品牌秒杀</h4>
                    <p>2件8折,3件7折</p>
                </a>
            </div>
            <div class="va-in-ul">
                <ul>
                    <li>
                        <a href="##"><img src="../../static/img/spike01.jpg"></a>
                        <h3>¥29.8</h3>
                        <div class="va-sale">
                            <span>已售38%</span>
                            <span>
                                    <em style="width: 36%"></em>
                                </span>
                        </div>
                    </li>
                    <li>
                        <a href="##"><img src="../../static/img/spike01.jpg"></a>
                        <h3>¥29.8</h3>
                        <div class="va-sale">
                            <span>已售38%</span>
                            <span>
                                    <em style="width: 36%"></em>
                                </span>
                        </div>
                    </li>
                    <li>
                        <a href="##"><img src="../../static/img/spike01.jpg"></a>
                        <h3>¥29.8</h3>
                        <div class="va-sale">
                            <span>已售38%</span>
                            <span>
                                    <em style="width: 36%"></em>
                                </span>
                        </div>
                    </li>
                </ul>

            </div>
        </div>

<!--        今日推荐-->
        <div class="br-goods">
            <h3>今日推荐</h3>
        </div>
        <div class="br-goods2">
            <div class="good2-div">
                <a href="##"><img src="../../static/img/br03.jpg"></a>
            </div>
            <ul>
                <li>
                    <a href="@@"><img src="../../static/img/08.jpg"></a>
                    <h3>¥29.8</h3>
                </li>
                <li>
                    <a href="@@"><img src="../../static/img/08.jpg"></a>
                    <h3>¥29.8</h3>
                </li>
            </ul>
        </div>
        <div class="br-goods2">
            <div class="good2-div">
                <a href="##"><img src="../../static/img/br03.jpg"></a>
            </div>
            <ul>
                <li>
                    <a href="@@"><img src="../../static/img/08.jpg"></a>
                    <h3>¥29.8</h3>
                </li>
                <li>
                    <a href="@@"><img src="../../static/img/08.jpg"></a>
                    <h3>¥29.8</h3>
                </li>
            </ul>
        </div>
        <div class="br-goods2">
            <div class="good2-div">
                <a href="##"><img src="../../static/img/br03.jpg"></a>
            </div>
            <ul>
                <li>
                    <a href="@@"><img src="../../static/img/08.jpg"></a>
                    <h3>¥29.8</h3>
                </li>
                <li>
                    <a href="@@"><img src="../../static/img/08.jpg"></a>
                    <h3>¥29.8</h3>
                </li>
            </ul>
        </div>
        <div class="br-goods2">
            <div class="good2-div">
                <a href="##"><img src="../../static/img/br03.jpg"></a>
            </div>
            <ul>
                <li>
                    <a href="@@"><img src="../../static/img/08.jpg"></a>
                    <h3>¥29.8</h3>
                </li>
                <li>
                    <a href="@@"><img src="../../static/img/08.jpg"></a>
                    <h3>¥29.8</h3>
                </li>
            </ul>
        </div>
        <div class="br-goods2">
            <div class="good2-div">
                <a href="##"><img src="../../static/img/br03.jpg"></a>
            </div>
            <ul>
                <li>
                    <a href="@@"><img src="../../static/img/08.jpg"></a>
                    <h3>¥29.8</h3>
                </li>
                <li>
                    <a href="@@"><img src="../../static/img/08.jpg"></a>
                    <h3>¥29.8</h3>
                </li>
            </ul>
        </div>
        <div class="br-goods2">
            <div class="good2-div">
                <a href="##"><img src="../../static/img/br03.jpg"></a>
            </div>
            <ul>
                <li>
                    <a href="@@"><img src="../../static/img/08.jpg"></a>
                    <h3>¥29.8</h3>
                </li>
                <li>
                    <a href="@@"><img src="../../static/img/08.jpg"></a>
                    <h3>¥29.8</h3>
                </li>
            </ul>
        </div>
        <div class="br-goods2">
            <div class="good2-div">
                <a href="##"><img src="../../static/img/br03.jpg"></a>
            </div>
            <ul>
                <li>
                    <a href="@@"><img src="../../static/img/08.jpg"></a>
                    <h3>¥29.8</h3>
                </li>
                <li>
                    <a href="@@"><img src="../../static/img/08.jpg"></a>
                    <h3>¥29.8</h3>
                </li>
            </ul>
        </div>
        <div class="br-goods2">
            <div class="good2-div">
                <a href="##"><img src="../../static/img/br03.jpg"></a>
            </div>
            <ul>
                <li>
                    <a href="@@"><img src="../../static/img/08.jpg"></a>
                    <h3>¥29.8</h3>
                </li>
                <li>
                    <a href="@@"><img src="../../static/img/08.jpg"></a>
                    <h3>¥29.8</h3>
                </li>
            </ul>
        </div>
        <div class="br-goods2">
            <div class="good2-div">
                <a href="##"><img src="../../static/img/br03.jpg"></a>
            </div>
            <ul>
                <li>
                    <a href="@@"><img src="../../static/img/08.jpg"></a>
                    <h3>¥29.8</h3>
                </li>
                <li>
                    <a href="@@"><img src="../../static/img/08.jpg"></a>
                    <h3>¥29.8</h3>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--底部-->
<div th:replace="/like/likeFooter::foot"></div>
<!--返回顶部-->
<div th:replace="/like/return-top::top"></div>

</body>
<script th:src="@{static/js/jquery-3.3.1.min.js}"></script>
<script th:src="@{static/js/index.js}"></script>
<script th:src="@{../../static/js/likeFooter.js}" type="text/javascript"></script>
</html>